<!--  -->
<template>
  <div class='header'>

  </div>
</template>

<script>
export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
    data() {
    //这里存放数据
      return {

      };
    },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {

  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {

  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {

  },
}
</script>
<style scoped>
/* scoped 隔离 写了这个style中的样式，是不会在其他页面生效的*/
.header{
   width:100%;
   height:60px;
   line-height: 60px;
   background-color: #333;
}
</style>